Ext.onReady(function() {

			Ext.QuickTips.init();

			Ext.form.Field.prototype.style = {
				textTransform : 'uppercase'
			};

			var vpPrincipal = new Ext.Viewport({
						layout : 'border',
						title : 'Ext Layout Browser',
						items : [{
									region : 'west',
									frame : true,
									border : true,
									margins : '2 0 5 5',
									width : 200,
									title : ' Menu',
									collapsible : true,
									items : [menuPanel]
								}, {
									id : 'content-panel',
									region : 'center',
									border : false,
									layout : 'card',
									activeItem : 0,
									margins : '2 0 5 5',
									layoutConfig : {
										deferredRender : true
									},
									hideMode : "offsets",
									items : [{
												xtype : 'pnlPrincipalContrato',
												id : 'contratos-panel'
											}, {
												xtype : 'pnlPrincipalDocumento',
												id : 'documentos-panel'
											}]
								}]
					});
			vpPrincipal.show();
		}); // eo function onReady
